<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::Happy - DTAC Prepaid Phone::</title>
<link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css">
<link href="${RESOURCE}/css/global-en.css" rel="stylesheet" type="text/css">
<link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css">
<script src="${RESOURCE}/eng/include/AC_RunActiveContent.js" type="text/javascript"></script>
<script language=JavaScript>
function printWindow(){
browserVersion = parseInt(navigator.appVersion)
if (browserVersion >= 4) window.print()
}

function include(xUrl,xId) {
  var xmlhttp = false;
  /*@cc_on @*/
  /*@if (@_jscript_version >= 5)

  // JScript gives us Conditional compilation, we can cope with old IE versions.
  // and security blocked creation of the objects.
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
      try {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
        xmlhttp = false;
      }
   }

  /*@end @*/
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }

  xmlhttp.open("GET", xUrl,true);
  xmlhttp.onreadystatechange=function() {
          if (xmlhttp.readyState==4) {
                document.getElementById(xId).innerHTML = xmlhttp.responseText;
          }
  }
  xmlhttp.send(null)
}


<!--

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


// Declaring required variables
var digits = "0123456789";

// non-digit characters which are allowed in phone numbers
var phoneNumberDelimiters = "()- ";

// characters which are allowed in international phone numbers
// (a leading + is OK)
var validWorldPhoneChars = phoneNumberDelimiters + "+";

// Minimum no of digits in an international phone no.
var minDigitsInIPhoneNumber = 10;

function isInteger(s)
{   var i;
    for (i = 0; i < s.length; i++)
    {   
        // Check engt current character is number.
        var c = s.charAt(i);
        if (((c < "0") || (c > "9"))) return false;
    }

    // All characters are numbers.
    return true;
}

function stripCharsInBag(s, bag)
{   var i;
    var returnString = "";

    // Search through string's characters one by one.
    // If character is not in bag, append to returnString.
    for (i = 0; i < s.length; i++)
    {   
        // Check engt current character isn't whitespace.
        var c = s.charAt(i);
        if (bag.indexOf(c) == -1) returnString += c;
    }

    return returnString;
}

function checkInternationalPhone(strPhone){
	s = stripCharsInBag(strPhone,validWorldPhoneChars);
	return (isInteger(s) && s.length >= minDigitsInIPhoneNumber);
}

function ValidateForm(){
	var Phone=document.form1.inputUserName;

	document.form1.submit();
 }

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function alertChgMobileNumb(){
  var format = /^[0-9]{9}$/;
   
  if(format.test(document.form1.inputUserName.value)) { 
			alert("ตั้งแต่วันที่ 1 กันยายน เป็นต้นไป รหัสผู้ใช้ 9 หลัก จะเปลี่ยนเป็น 10 หลัก โดยใส่ 08 แทน 0 ตัวหน้า \nในครั้งต่อไปกรุณาใช้รหัสผู้ใช้ 10 หลักในการใช้บริการผ่านเว็บ.");
	}

	document.form1.submit();
}
//-->
</script> 
<script language="JavaScript" type="text/javascript">

	function isCorrectSim(sim){ 

		//var f = document.forms[0];    

		var validMobile = /^[0-9]{10}$/;

		var errorMessage = "";  

		if ( !validMobile.test(sim) ) 

			errorMessage += "- Mobile Number must have 10 digit \n and must be in numeric only \n";             

		if ( errorMessage.length > 0 ) {

			alert("The information is incorrect :\n\n" + errorMessage);

			return false;

		}       

		return true;

	}

	function isCorrectPassCode(passCode){ 

		//var f = document.forms[0];    

		var validMobile = /^[0-9]{5}$/;

		var errorMessage = "";  

		if ( !validMobile.test(passCode) ) 

			errorMessage += "- Password have 5 digit  \n and must be in numeric only \n";             

		if ( errorMessage.length > 0 ) {

			alert("The information is incorrect :\n\n" + errorMessage);

			return false;

		}       

		return true;

	}

	function cancel(){

		document.form.func.value = "Cancel";

		document.form.submit();		

	}

	function gen(){

		var simNumb = document.form.subrNumb.value;

		if(simNumb.substring(0,1) != "0"){

			alert("Please start with '0' ");

			return;

		}



		if(!isCorrectSim(simNumb)){

			document.form.subrNumb.focus();

			return ;

		}

		document.form.func.value = "getPassword";

		document.form.submit();

	}

	function check(){

	var simNumb = document.form.subrNumb.value;		

		if(simNumb.substring(0,1) != "0"){

			alert("Mobile Number start with '0'");

			return;

		}

		if(!isCorrectSim(simNumb)){

			document.form.subrNumb.focus();

			return ;

		}

		if(!isCorrectPassCode(document.form.passwd.value)){

			document.form.passwd.focus();

			return ;

		}

	    document.form.func.value = "chkPasswd";

		document.form.submit();


	}

</script>

</head>
<body>
<div id="header">
    <%@include file="../head.jsp" %>
</div>

<div id="container">
	<div id="pathway"><a href="/bp3/bin/Dspc/DpromptIndex" class="link2">Web Services</a>> <a href="/bp3/bin/Dspc/DpromptWelcome"  class="link2">Profile and Service</a> > Happy Bank</div>
	<div id="main">
    	<%@ include file="../menu.jsp" %>
    	<div id="content">
        	<div class="content-middle">
                
                <!--เนื้อหาเริ่มที่นี่-->
                <h3><img src="${RESOURCE}/eng/images/14_webservice_head01.gif"></h3>
               	<table width="100%" cellpadding="2" cellspacing="2" height="500">
                  	<tr>
                    	<td valign="top">
                        
                        	<table width="650" border="0" cellspacing="0" cellpadding="0">
                                  <tr> 
                                    <td> <table width="100%" border="0" cellspacing="3" cellpadding="0">
                                        <tr> 
                                          <td width="2%"><img src="${RESOURCE}/eng/images/14_webservice_bullet01.gif" width="9" height="9"></td>
                                          <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/eng/images/14_webservice_subtitle23.gif" width="182" height="22"></td>
                                        </tr>
                                        <tr> 
                                          <td>&nbsp;</td>
                                                                        <td class="textnormal">You can easily 
                                                                          apply or check your Happy Bank benefit 
                                                                          here.</td>
                                        </tr>
                                      </table></td>
                                  </tr>
                                  <tr> 
                                    <td height="7" align="center"><br> <br> </td>
                                  </tr>
                                  <tr> 
                                    <td height="8" align="center">
                                      <!--start form-->
                                    </td>
                                  </tr>
                                  <tr>
                                    <td height="8" align="left"> <!--start form-->
                                
                                        <form action='<!--SVLT.VAR:action-->' method="post" name="form" id="form" >
                                        <table width="80%" border="0" align="center" cellpadding="2" cellspacing="2">
                                          <tr> 
                                            <td colspan="2"> 
                                              <!--SVLT.VAR:title-->
                                            </td>
                                          </tr>
                                          <tr> 
                                            <td width="47%" align="right" class="textnormal"><strong>Your Happy Mobile 
                                              Number:</strong></td>
                                            <td width="53%"><input name="subrNumb" type="text" id="subrNumb" value="<!--SVLT.VAR:subrNumb-->" maxlength="10" class="txt_search_c04" autocomplete="off"/></td>
                                          </tr>
                                          <tr> 
                                            <td align="right" class="textnormal">&nbsp;</td>
                                            <td height="25"><font color="#FF0000" class="textredsmall">Mobile 
                                              phone number 10 digits (08xxxxxxxx)</font></td>
                                          </tr>
                                          <tr> 
                                            <td align="right" class="textnormal"><strong>Click to get password:</strong></td>
                                            <td><a href="javascript:gen()"><img src="${RESOURCE}/eng/images/14_webservice_password_btn.gif" width="150" height="23" border="0"></a></td>
                                          </tr>
                                          <tr> 
                                            <td align="right" class="textnormal">&nbsp;</td>
                                            <td height="25"><font color="#FF0000" class="textredsmall">(Wait for 
                                              the password to be sent to your mobile. <br>
                                              You password will be valid for 30 minutes.)</font></td>
                                          </tr>
                                          <tr> 
                                            <td align="right" class="textnormal"><input name="func" type="hidden" id="func" />
                                              <font class="textgraynormal"> 
                                              <input name="lang" type="hidden" id="lang" value="en" />
                                              </font><strong>Enter your password <br>
                                                                            to access the service:</strong></td>
                                            <td><input name="passwd" type="password" id="passwd" maxlength="5" class="txt_search_c04" autocomplete="off"/></td>
                                          </tr>
                                        </table>
                                      <p>&nbsp;</p>
                                      <table width="250" border="0" align="center" cellpadding="5" cellspacing="0">
                                        <tr align="center" valign="top"> 
                                          <td><a href="javascript:check()"><img src="${RESOURCE}/eng/images/14_webservice_submit.gif" width="58" height="23" border="0"></a></td>
                                          <td><a href="JavaScript:cancel()"><img src="${RESOURCE}/eng/images/14_webservice_cancel.gif" width="58" height="23" border="0"></a></td>
                                        </tr>
                                      </table>
                                      <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                  <tr>
                                    <td><!--SVLT.LOOP:error--></td>
                                  </tr>
                                  <tr>
                                    <td><div align="center"><span class="textnormalred"><!--SVLT.VAR:errorMsg--></span></div></td>
                                  </tr>
                                  <tr>
                                    <td><!--SVLT.END:error--></td>
                                  </tr>
                                </table>
                                
                                      </form></td>
                                  </tr>
                                  <tr> 
                                    <td height="15" align="center"><br></td>
                                  </tr>
                                </table>
                        
                        </td>
                 	</tr>
              	</table>                
                <!--เนื้อหาสิ้นสุดที่นี่-->
                
            </div>
            <div class="content-bottom"></div>
        </div>
    </div>
</div>
<div id="footer">
<img src="${RESOURCE}/eng/images/copy_right.jpg" />
<a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/eng/images/dtact_logo.jpg" border="0" /></a>
<a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/eng/images/virus_icon.jpg" border="0" /></a>
</div>
</body>
</html>
